<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>系统常态化运行评分系统</title>
    <link rel="stylesheet" href="../../component/pear/css/pear.css" />
    <link rel="stylesheet" href="../../admin/css/other/result.css" />
</head>
<body class="pear-container">
<div class="layui-row layui-col-space10">
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-body">
                <div id="lineCheckTime" style="min-height:350px;"></div>
            </div>
        </div>
    </div>
</div>
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script src="../../scripts/utils/request.js"></script>
<script src="../../scripts/utils/auth.js"></script>
<script src="../../scripts/echart/pfechart.js"></script>
<script>
    var $,table,form,drawer,popup,notice,laydate,button,echarts
    layui.use(['table', 'form', 'jquery', 'drawer', 'popup','notice','laydate','button','echarts'], function() {
        table = layui.table;
        form = layui.form;
        $ = layui.jquery;
        drawer = layui.drawer;
        popup = layui.popup;
        notice = layui.notice;
        laydate = layui.laydate;
        button = layui.button;
        echarts = layui.echarts;
        const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']

        let lineCheckTime = echarts.init(document.getElementById('lineCheckTime'),null, {
            height: 600
        });


        window.onresize = function() {
            lineCheckTime.resize();
        }
        postAjaxNoSuccessTip('/api/analyse/mineDateScore',null,function (response){
                lineCheckTime.clear();
                lineCheckTime.hideLoading();
                if(response.data==null||response.data.yaxis==null){
                    lineCheckTime.showLoading({
                        text: '暂无数据',
                        showSpinner: false,    // 隐藏加载中的转圈动图
                        textColor: '#9d9d9d',
                        maskColor: 'rgba(255, 255, 255, 0.8)',
                        fontSize: '25px',
                        fontWeight: 'bold',
                        fontFamily: 'Microsoft YaHei'
                    });
                    return
                }
                let option = getBarOption(response,'矿井总评分趋势');
                lineCheckTime.setOption(option);
            },null);
        // getMineData();

        

    });
</script>
</body>
</html>